<template>
    <view>
        <!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
        <u-tabbar v-model="current" :list="list" :active-color="'#55aaff'" :mid-button="true"></u-tabbar>
    </view>
</template>

<script>
    export default {
        name: 'bottom-tabber',
        data() {
            return {
                list: [{
                        iconPath: "home",
                        selectedIconPath: "home-fill",
                        text: '首页',
                        customIcon: false,
                        pagePath: '/pages/index/index'
                    },
                    {
                        iconPath: "photo",
                        selectedIconPath: "photo-fill",
                        text: '植物园',
                        customIcon: false,
                        pagePath: '/pages/kind/kind'
                    },
                    {
                        iconPath: "https://cdn.uviewui.com/uview/common/min_button.png",
                        selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png",
                        text: '识别',
                        midButton: true,
                        customIcon: false,
                        pagePath: '/pages/photo/photo'
                    },
                    {
                        iconPath: "clock",
                        selectedIconPath: "clock-fill",
                        text: '历史',
                        customIcon: false,
                        pagePath: '/pages/history/history'
                    },
                    {
                        iconPath: "account",
                        selectedIconPath: "account-fill",
                        text: '我的',
                        customIcon: false,
                        pagePath: '/pages/my/my'
                    },
                ],
                current: 0
            }
        },
    }
</script>
